<template>
  <!-- <component :is="view.type" v-bind="view.attrs" class=" pg-w-[100%]">
    <Card slot="left">
      <pg-tree :data="dataSet.treeData"></pg-tree>
    </Card>
    <Tabs slot="right" name="record" v-model="tabname" type="card">
      <TabPane tab="record" label="进行中" name="进行中" context-menu>
        <pg-table :data="dataSet.tableData"></pg-table>
      </TabPane>
      <TabPane tab="record" label="已完成" name="已完成" context-menu>
        <pg-table :data="dataSet.tableData"></pg-table>
      </TabPane>
    </Tabs>
    <pg-modal></pg-modal>
  </component> -->
  <starPage :config="pageConfig">
    <template #leftCard>
      <starList :data="[
      {productId:'1',name:'abc'}
      ]" :config="{
        mapto:{
          avatar:'avatar',//头像
            title:'name',//标题
            description:'description'//描述
        },
        itemStyle:{
          borderRadius: '4px',
          boxShadow: '0px 1px 6px rgba(0, 0, 0, .2)',
          border: '1px solid #dcdee2'
        },
        action:[{title:'mm'}]
      }">
      <div slot="extra_0">sss</div>
      </starList>
    </template>
    <div slot="menu">
      <Icon type="md-apps"></Icon>
    </div>
    <div slot="rightCard">
      <starTabs :config="{
        tabs:[
            {
                icon:'',//图标
                label:'aaa',//标签
                menu:true//是否显示菜单
            },
        ],
        extra:{
          icon:'md-apps',
          items:[
          {title:'abc'}]
        }
      }"></starTabs>
    </div>
  </starPage>
</template>

<script>
import PgTable from './pg-table.vue';
import ancMixin from './ancMixin'
import PgForm from './pg-form.vue';
import PgTree from './pg-tree.vue';
import PgModal from './pg-modal.vue';
export default {
  name:'',
  components: {PgTable, PgForm, PgTree, PgModal},
  mixins:[ancMixin],
  data() {
    return {
      
    };
  },
  props: {},
  watch: {},
  computed: {
    pageConfig(){
        return {
          title:'www',
          cols:[6,18],
          left:{
            // menu:[
            //   {title:'abc1'},
            //   {title:'abc2'},
            //   {title:'abc3'},
            // ],
            // extra:[
            //   {title:'abc1'},
            //   {title:'abc2'},
            //   {title:'abc3'},
            // ]
          }
        }
      },
    view(){
      return {
        type:['starGenView','starTwoView','starThreeView'][1],
        attrs:{
          left:6,
          right:18,
          middle:0,
          minLeftHeight:'600px',
          title:{
              "en-US":'abc',
              "zh-CN": 'abc'
          }[this.G_Locale],
          fontStyle:{
              
          }
        }
      }
    }
  },
  created() {},
  mounted() {},
  methods: {}
};
</script>
<style scoped>
</style>